/*-------------*/
/* BREAKPOINTS */
/*-------------*/
$vw-xsmall:  30em;  //  480px
$vw-small:   40em;  //  640px
$vw-medium:  48em;  //  768px
$vw-large:   64em;  // 1024px
$vw-xlarge:  80em;  // 1280px
$vw-xxlarge: 120em; // 1920px

/*-------*/
/* FONTS */
/*-------*/
$font: 'Open Sans', sans serif;

$fw-normal: 400;
$fw-bold: 700;

/*--------*/
/* COLORS */
/*--------*/
$black: #111;
$gray: #999;
$gray-bg: #F9F9F9;
$dark-gray: #666;

$main-color: #01A1DD;
$main-color-dark: #007DA9;
$bd-color: #D0DBDD;
$bg-color: #ECF0F1;

$red: #E54C39;

$tw-color:  #2FC2EF;
$fb-color:  #3B5998;
$goo-color: #D14228;
$yt-color:  #E4572E;
$pin-color: #B81621;
$ins-color: #517fa4;